    <style include="settings-shared">
      cr-link-row {
        --cr-icon-button-margin-start: 20px;
      }

      cr-link-row:not([hidden]) + cr-link-row {
        border-top: var(--cr-separator-line);
      }
    </style>
    <settings-animated-pages id="pages" section="autofill"
        focus-config="[[focusConfig_]]">
      <div route-path="default">
        <cr-link-row id="passwordManagerButton" start-icon="settings20:vpn-key"
            label="$i18n{passwords}" on-click="onPasswordsClick_"
            role-description="$i18n{subpageArrowRoleDescription}">
          <span id="passwordManagerSubLabel" slot="sub-label">
              [[passwordManagerSubLabel_]]</span>
        </cr-link-row>
        <cr-link-row id="paymentManagerButton"
            start-icon="settings20:credit-card" label="$i18n{creditCards}"
            on-click="onPaymentsClick_"
            role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
        <cr-link-row id="addressesManagerButton"
            start-icon="settings:location-on" label="$i18n{addressesTitle}"
            on-click="onAddressesClick_"
            role-description="$i18n{subpageArrowRoleDescription}"></cr-link-row>
      </div>
      <template is="dom-if" route-path="/passwords">
        <settings-subpage
            associated-control="[[$$('#passwordManagerButton')]]"
            page-title="$i18n{passwords}"
            learn-more-url="$i18n{passwordManagerLearnMoreURL}"
            search-label="$i18n{searchPasswords}"
            search-term="{{passwordFilter_}}">
          <passwords-section id="passwordSection" filter="[[passwordFilter_]]"
              focus-config="[[focusConfig_]]" prefs="{{prefs}}">
          </passwords-section>
        </settings-subpage>
      </template>
      <!-- TODO(crbug.com/1102294): Add a learn-more-url, which will cause the
      (?) button to appear. -->
      <template is="dom-if" route-path="/passwords/device" no-search>
        <settings-subpage
            page-title="$i18n{passwordsDevice}"
            search-label="$i18n{searchPasswords}"
            search-term="{{passwordFilter_}}">
          <passwords-device-section id="passwordDeviceSection"
              filter="[[passwordFilter_]]">
          </passwords-device-section>
        </settings-subpage>
      </template>
      <template is="dom-if" route-path="/passwords/check">
        <settings-subpage
            associated-control="[[$$('#passwordManagerButton')]]"
            page-title="$i18n{checkPasswords}"
            learn-more-url="$i18n{passwordCheckLearnMoreURL}">
          <settings-password-check prefs="{{prefs}}"></settings-password-check>
        </settings-subpage>
      </template>
      <template is="dom-if" route-path="/payments">
        <settings-subpage
            associated-control="[[$$('#paymentManagerButton')]]"
            page-title="$i18n{creditCards}"
            learn-more-url="$i18n{paymentMethodsLearnMoreURL}">
          <settings-payments-section id="paymentsSection" prefs="{{prefs}}">
          </settings-payments-section>
        </settings-subpage>
      </template>
      <template is="dom-if" route-path="/addresses">
        <settings-subpage
            associated-control="[[$$('#addressesManagerButton')]]"
            page-title="$i18n{addressesTitle}">
          <settings-autofill-section id="autofillSection" prefs="{{prefs}}">
          </settings-autofill-section>
        </settings-subpage>
      </template>
    </settings-animated-pages>
